<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index1.css"/>
		<link rel="stylesheet" type="text/css" href="css/index2.css"/>
		<link rel="stylesheet" type="text/css" href="css/index3.css"/>
		<link rel="shortcut icon" href="img/天猫.PNG" />
		<link rel="stylesheet" type="text/css" href="css/enroll.css"/>
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
		<!--<link rel="icon" href="img/天猫.PNG"/>-->
	</head>
	<!--
		作者：陆檀峰
		时间：2017/12/8
	-->
	<body>
		<!------------------------------注册---------------------------------------------->
		<div class="enroll">
			<div class="zhuce">
				<p class="zhuce-p1">注册</p>
				<div class="zhuce-one">
					<p class="zhuce-one-p1">账号</p>
					<p class="zhuce-one-p2"></p>
					<input class="zhuce-one-inp" type="text" placeholder="手机号" />
				</div>
				<div class="zhuce-two"></div>
				<div class="zhuce-three">
					<p class="zhuce-three-p1">验证码</p>
					<p class="zhuce-three-p2"></p>
					<input class="zhuce-three-inp" type="text" placeholder="请输入验证码" />
					<input class="zhuce-three-btn" type="button" value="获取验证码" />
				</div>
				<div class="zhuce-four">请输入验证码</div>
				<div class="zhuce-five">
					<p class="zhuce-five-p1">密码</p>
					<p class="zhuce-five-p2"></p>
					<input class="zhuce-five-inp" type="password" placeholder="请输入密码" />
					<img src="img/jianp.png" />
				</div>
				<div class="zhuce-six"></div>
				<div class="zhuce-sevent">
					<p class="zhuce-sevent-p1">确认密码</p>
					<p class="zhuce-sevent-p2"></p>
					<input class="zhuce-sevent-inp" type="password" placeholder="请再次输入密码" />
					<img src="img/jianp.png" />
				</div>
				<div class="zhuce-eight"></div>
				<div class="zhuce-nine">
					<label class="lab1"><input type="checkbox" checked="checked" class="zhuce-nine-chec" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并同意</label>
					<label class="lab2">《天猫商城》</label>
				</div>
				<button class="but1">注册</button>
				<a class="enro"><span class="last-ni">已有账号登陆<img src="img/lastnight.png" /></span></a>
			</div>	
		</div>
		<!-------------------------------------登录------------------------------------>
		<div class="register">
			<div class="denglu">
				<p class="denglu-p1">登陆</p>
				<div class="denglu-one"></div>
				<div class="denglu-two">
					<img src="img/yonghu.png" />
					<p class="denglu-two-p1"></p>
					<input class="denglu-two-inp" type="text" placeholder="手机号/账号" />
				</div>
				<div class="denglu-three">
					<div class="denglu-three-text"></div>
				</div>
				<div class="denglu-four">
					<img class="denglu-img1" src="img/mima.png" />
					<p class="denglu-four-p1"></p>
					<input class="denglu-four-inp" type="password" placeholder="密码" />
					<img class="denglu-img2" src="img/jianp.png" />
				</div>
				<div class="denglu-pass-text"></div>
				<div class="denglu-five">
					<label class="labe1"><input type="checkbox" class="denglu-five-chec" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;记住密码</label>
					<label class="labe2">忘记密码</label>
				</div>
				<div class="houtai"></div>
				<button class="butt1">登录</button>
				<a class="regi"><span class="last-night">立即注册<img src="img/lastnight.png" /></span></a>
			</div>
		</div>	
					
<!-------------------------------index1.css----------------------------------------->
		<div id="top">
			<p id="top-p">
				<a id="username"></a>
				<span>喵，欢迎来天猫</span>
				<a class="top-a1">请登录</a>
				<a class="top-a2">免费注册</a>
			</p>
			<ul class="top-ul">
				<li>我的淘宝<img class="liImg1" src="img/三角形.png"/></li>
				<li>购物车0件</li>
				<li>
					收藏夹<img class="liImg1" src="img/三角形.png"/>
					<span>|</span>
				</li>
				<li>手机版</li>
				<li>淘宝网</li>
				<li>商家支持<img class="liImg1" src="img/三角形.png"/></li>
				<li>
					网站导航<img class="liImg1" src="img/三角形.png"/>
				</li>
			</ul>
		</div>
		<div id="head">
			<img class="headImg" src="img/head.gif" />
			<input type="text" id="headInp" value=" 搜索 天猫 商城/品牌/店铺" placeholder=" 搜索 天猫 商城/品牌/店铺" />
			<button class="headBtn">搜索</button>
			<div class="headNav">
				<ul class="headUl">
					<li>针织衫<img class="headLiImg1" src="img/垂直线.png"/></li>
					<li>羽绒服<img class="headLiImg1" src="img/垂直线.png"/></li>
					<li>四件套<img class="headLiImg1" src="img/垂直线.png"/></li>
					<li>天猫精灵<img class="headLiImg" src="img/垂直线.png"/></li>
					<li>客厅灯<img class="headLiImg" src="img/垂直线.png"/></li>
					<li>口红<img class="headLiImg" src="img/垂直线.png"/></li>
					<li>手机<img class="headLiImg" src="img/垂直线.png"/></li>
					<li>女鞋<img class="headLiImg" src="img/垂直线.png"/></li>
					<li>牛奶</li>
				</ul>
			</div>
		</div>
		<div id="nav">
			<div class="menu">
				<ul class="navUl">
					<li></li>
					<li></li>
					<li>天猫会员</li>
					<li>电器城</li>
					<li>喵鲜生</li>
					<li>医药馆</li>
					<li>营业厅</li>
					<li>魅力惠</li>
					<li>飞猪旅行</li>
					<li>苏宁易购</li>
				</ul>
			</div>
		</div>
			<div id="sideShow">
				<div class="banner">
					<ul class="mul">
						<li>
							<img src="img/lun5.jpg"/>
							<!--<p class="mul-p1"><img src="img/mul1.jpg"/></p>
							<p class="mul-p2"><img src="img/mul2.jpg"/></p>-->
						</li>
						<li>
							<img src="img/lun1.jpg"/>
							<!--<p class="mul-p3"><img src="img/mul3.jpg"/></p>
							<p class="mul-p4"><img src="img/mul4.jpg"/></p>-->
						</li>
						<li>
							<img src="img/lun2.jpg"/>
							<!--<p class="mul-p5"><img src="img/mul5.jpg"/></p>
							<p class="mul-p6"><img src="img/mul6.jpg"/></p>-->
						</li>
						<li>
							<img src="img/lun3.jpg"/>
							<!--<p class="mul-p7"><img src="img/mul7.jpg"/></p>
							<p class="mul-p8"><img src="img/mul8.jpg"/></p>-->
						</li>
						<li>
							<img src="img/lun9.jpg"/>
							<!--<p class="mul-p9"><img src="img/mul9.jpg"/></p>
							<p class="mul-p10"><img src="img/mul10.jpg"/></p>-->
						</li>
					</ul>
					<ul class="sideTab">
						<li class="sideActive"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<!--<div class="sideBtn">
						<span class="prev"><</span>
						<span class="next">></span>
					</div>-->
				</div>
				<div class="clas">
					<p class="clasMenu">商品分类</p>
					<ul class="sideShowUl">
						<li><a>女装</a><span>/</span><a>内衣</a></li>
						<li><a>男装</a><span>/</span><a>运动户外</a></li>
						<li><a>女鞋</a><span>/</span><a>男鞋</a><span>/</span><a>箱包</a></li>
						<li><a>美妆</a><span>/</span><a>个人护理</a></li>
						<li><a>腕表</a><span>/</span><a>眼睛</a><span>/</span><a>珠宝饰品</a></li>
						<li><a>手机</a><span>/</span><a>数码</a><span>/</span><a>电脑办公</a></li>
						<li><a>母婴玩具</a></li>
						<li><a>零食</a><span>/</span><a>茶酒</a><span>/</span><a>进口食品</a></li>
						<li><a>生鲜水果</a></li>
						<li><a>大家电</a><span>/</span><a>生活电器</a></li>
						<li>家具建材</li>
						<li><a>汽车</a><span>/</span><a>配件</a><span>/</span><a>用品</a></li>
						<li><a>家纺</a><span>/</span><a>家饰</a><span>/</span><a>鲜花</a></li>
						<li><a>医药保健</a></li>
						<li><a>厨具</a><span>/</span><a>收纳</a><span>/</span><a>宠物</a></li>
						<li><a>图书音像</a></li>
					</ul>
				</div>
			</div>
<!---------------------------------------index2.css----------------------------------------------->				
			<div class="cont">
				<div class="exclu">
					<p class="lineLeft"></p>
					<p class="excluText"><img src="img/定位.png" />你的专属活动</p>
					<p class="lineRight"></p>
				</div>
				<div class="contTop">
					<ul class="contUl">
						<li><img src="img/contTop1.jpg"/></li>
						<li><img src="img/contTop2.jpg"/></li>
						<li><img src="img/contTop3.jpg"/></li>
						<li><img src="img/contTop4.jpg"/></li>
						<li><img src="img/contTop5.jpg"/></li>
					</ul>
				</div>
				<div class="brand">
					<div class="brandOne">
						<p class="brandOne-p1">品牌闪购&nbsp;BRAND SALE</p>
						<div class="brandOneCont">
							<p class="filt"></p>
							<img class="brandImg" src="img/brand1.jpg"/>
						</div>
					</div>
					<div class="brandTwo">
						<div class="brandTwo-top">
							<p class="brandTwo-p1">
								聚名品&nbsp;LUXURY CHANNEL
							</p>
							<p class="brandTwo-p2">
								更多&nbsp;<img src="img/播放.png" />
							</p>
						</div>
						<div class="brandTwoCont">
							<p class="filtTwo"></p>
							<img class="brandTwoImg" src="img/brand2.jpg"/>
						</div>
					</div>
					<div class="brandThree">
						<p class="brandThree-p1">
							品牌活动&nbsp;BRAND ACTIVITY
							<p class="brandThree-p2">
								更多&nbsp;<img src="img/播放.png" />
							</p>
						</p>
						<div class="brandThreeCont">
							<p class="filtThree"></p>
							<img class="brandThreeImg" src="img/brand3.jpg"/>
						</div>
					</div>
				</div>
				<div class="label">
					<ul class="oneLabeL">
						<li><p>优惠券 ￥250</p></li>
						<li><p>Ronshen/容声</p></li>
						<li><p>Uniqlo/优衣库</p></li>
						<li><p>Elizabeth Arden/雅顿</p></li>
						<li><p>优惠券 ￥30</p></li>
						<li><p>优惠券 ￥400</p></li>
						<li><p>EVE‘NY/伊芙心悦</p></li>
						<li><p>优惠券 ￥90</p></li>
						<li><p>优惠券 ￥100</p></li>
						<li><p>优惠券 ￥200</p></li>
					</ul>
					<ul class="twoLabeL">
						<li><p>优惠券 ￥50</p></li>
						<li><p>优惠券 ￥30</p></li>
						<li><p>ENFINITAS/蓝臻</p></li>
						<li><p>优惠券 ￥30</p></li>
						<li><p>奔富酒园</p></li>
						<li><p>优惠券 ￥50</p></li>
						
						<li><p>布朗天使</p></li>
						<li><p>优惠券 ￥10</p></li>
						<li><p>优惠券 ￥10</p></li>
						<li><p>普哆衣</p></li>
					</ul>
					<ul class="threeLabeL">
						<li><p>优惠券 ￥500</p></li>
						<li><p>ALTENBACH</p></li>
						<li><p>优惠券 ￥300</p></li>
						<li><p>优惠券 ￥100</p></li>
						<li><p>衣呐</p></li>
						<li><p>优惠券 ￥50</p></li>
						<li><p>优惠券 ￥200</p></li>
						<li><p>Plasmon</p></li>
						<li><p>优惠券 ￥100</p></li>
						<li><img src="img/labThree10.png"/></li>
					</ul>
				</div>
				<div class="lab">
					<ul class="labUl">
						<li>进口食品</li>
						<li>食品饮料</li>
						<li>粮油副食</li>
						<li>美容洗护</li>
						<li>家居家电</li>
						<li>家庭清洁</li>
						<li>母婴用品</li>
						<li>生鲜水果</li>
					</ul>
				</div>
				<div class="content">
					<div class="content-left">
						<div class="content-left-filter"></div>
						<div class="gift">
							<p class="giftLeft">满赠</p>
							<p class="giftRight">个护美妆 立即加购</p>
						</div>
						<img class="towards" src="img/向右.png" />
					</div>
					<div class="content-right">
						<div class="content-right-top">
							<div class="tab">
								<div class="tabInside">
									<button class="tabLeft">今日疯抢</button>
									<button class="tabRight">量版装</button>
									<div class="tabCont">
										<div class="tipsOne">
											<div class="tipsLeft">
												<p class="tipsText1">限时限量疯抢</p>
												<p class="tipsText2">1元超值疯抢中</p>
											</div>
											<p class="tipsRight"></p>
										</div>
										<div class="tipsTwo">
											<div class="tipsLeft">
												<p class="tipsText1">膜法世家面膜</p>
												<p class="tipsText2">限时买二免一</p>
											</div>
											<p class="tipsRight"></p>
										</div>
									</div>
								</div>
							</div>
							<div id="com">
								<div class="comfilt"></div>
								<img id="comImg" src="" />
								<p id="comp1"> </p>
								<p id="comp2">&nbsp;</p>
								<p id="comp3"></p>
							</div>
							<div id="comRight">
								<div class="comRightfilt"></div>
								<img id="comRightImg" src="" />
								<p id="compRight1"></p>
								<p id="compRight2">&nbsp;</p>
								<p id="compRight3"></p>
							</div>
						</div>
						<div class="content-right-bottom">
							<div id="contButOne">
								<div class="contButFilt"></div>
								<img id="contButImg" src="" />
								<p id="contButp1"> </p>
								<p id="contButp2"></p>
								<p id="contButp3"></p>
							</div>
							
							<div id="contButTwo">
								<div class="contButTwoFilt"></div>
								<img id="contButTwoImg" src="" />
								<p id="contButTwop1"> </p>
								<p id="contButTwop2"></p>
								<p id="contButTwop3"></p>
							</div>
							
							<div id="contButThree">
								<div class="contButThreeFilt"></div>
								<img id="contButThreeImg" src="" />
								<p id="contButThreep1"></p>
								<p id="contButThreep2"></p>
								<p id="contButThreep3"></p>
							</div>
							
							<div id="contButFour">
								<div class="contButFourFilt"></div>
								<img id="contButFourImg" src="" />
								<p id="contButFourp1"> </p>
								<p id="contButFourp2"></p>
								<p id="contButFourp3"></p>
							</div>
						</div>
					</div>
				</div>
				
<!--------------------------------------------------index3.css-------------------------------------------------------------->				
				<div class="guild">
					<ul class="guildUl">
						<li>迪奥</li>
						<li>防晒</li>
						<li>面膜</li>
						<li>YSL</li>
						<li>口红</li>
					</ul>
				</div>
				<div class="mainFirst">
					<div class="mainFirstOne">
						<div class="mainFirstOne-filter"></div>
						<div class="mainFirstGift">
							<p class="mainFirstGift-left">满赠</p>
							<p class="mainFirstGift-right">个护美妆 立即加购</p>
						</div>
						<img class="main-towards" src="img/向右.png" />
					</div>
					
					<div id="mainFirstTwo">
					<div class="mainFirstFilt"></div>
						<img id="mainFirstImg" src="" />
						<p id="mainFirstp1"></p>
						<p id="mainFirstp2"></p>
						<p id="mainFirstp3"></p>
					</div>
					
					<div id="mainFirstThree">
					<div class=""></div>
						<img id="mainFirstThreeImg" src="" />
						<p id="mainFirstThreep1"> </p>
						<p id="mainFirstThreep2"></p>
						<p id="mainFirstThreep3"></p>
					</div>
					
					<div id="mainFirstFour">
					<div class="mainFirstFourFilt"></div>
						<img id="mainFirstFourImg" src="" />
						<p id="mainFirstFourp1"></p>
						<p id="mainFirstFourp2"></p>
						<p id="mainFirstFourp3"></p>
					</div>
					
					<div id="mainFirstFive">
					<div class="mainFirstFiveFilt"></div>
						<img id="mainFirstFiveImg" src="" />
						<p id="mainFirstFivep1"></p>
						<p id="mainFirstFivep2"></p>
						<p id="mainFirstFivep3"></p>
					</div>
					
				</div>
				
				<div class="mainSecond">
					<div class="mainSecondOne">
						<div class="mainSecondOne-filter"></div>
						<div class="mainSecondGift">
							<p class="mainSecondGift-left">满赠</p>
							<p class="mainSecondGift-right">个护美妆 立即加购</p>
						</div>
						<img class="mainSecond-towards" src="img/向右.png" />
					</div>
					
					<div id="mainSecondTwo">
						<div class="mainSecondFilt"></div>
							<img id="mainSecondImg" src="" />
							<p id="mainSecondp1"> </p>
							<p id="mainSecondp2"></p>
							<p id="mainSecondp3"></p>
						</div>
					<div id="mainSecondThree">
					<div class="mainSecondThreeFilt"></div>
						<img id="mainSecondThreeImg" src="" />
						<p id="mainSecondThreep1"></p>
						<p id="mainSecondThreep2"></p>
						<p id="mainSecondThreep3"></p>
					</div>
					
					<div id="mainSecondFour">
					<div class="mainSecondFourFilt"></div>
						<img id="mainSecondFourImg" src="" />
						<p id="mainSecondFourp1"></p>
						<p id="mainSecondFourp2"></p>
						<p id="mainSecondFourp3"></p>
					</div>
					
					<div id="mainSecondFive">
					<div class="mainSecondFiveFilt"></div>
						<img id="mainSecondFiveImg" src="" />
						<p id="mainSecondFivep1"></p>
						<p id="mainSecondFivep2"></p>
						<p id="mainSecondFivep3"></p>
					</div>
					
				</div>
				<div class="end"></div>
			</div>
			<div class="fixedTop">
				<img class="fixedTop-img1" src="img/tmall.png" />
				<img class="fixedTop-img2" src="img/天猫 1.png" />
				<input type="text" class="fixedBtnInp" placeholder=" 搜索 天猫 商品/品牌/店铺"/>
				<button class="fixedTopBtn">搜索</button>
			</div>
			<ul class="fixedLeft">
				<li>导航</li>
				<li>天猫<br />超市</li>
				<li>天猫<br />国际</li>
				<li>潮电<br />酷玩</li>
				<li>美丽<br />人生</li>
				<li>打造<br />爱国</li>
				<li>居家<br />生活</li>
				<li>户外<br />出行</li>
				<li>猜你<br />喜欢</li>
				<li>顶部</li>
			</ul>
			<div class="fixedRight">
				<p class="fixedRight-p1"></p>
				<p class="fixedRight-p2">购物车</p>
				<p class="fixedRight-p3">￥</p>
				<p class="fixedRight-p4"></p>
				<p class="fixedRight-p5"></p>
				<p class="fixedRight-p6"></p>
				<p class="fixedRight-p7"></p>
				<p class="fixedRight-p8">
					<img class="fixederwwei" src="img/er.jpg" />
				</p>
				<p class="fixedRightp9"></p>
			</div>
		<iframe src="footer.html" width="1423" height="568"></iframe>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zhuce.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/register.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
